<template>
        <div>
             <header>
                     <i class="iconfont icon-weibiaoti-- fh" @click="back"></i>
                     <span class="title">个人征信授权协议</span>
               </header>
               <h1 style="width:100%;height:1.88rem;"></h1>
               <div v-html="jg"></div>
        </div>
</template>

<script>
export default {
        data(){
            return{
                jg:'',
            }
        },
        methods:{
            back(){
                this.$router.go(-1)
            }
        },
        mounted(){
             this.$http.get("/api/login/protocol")
                    .then(res=>{
                          if(res.data.code==200){
                              console.log(res.data.data.protocol)
                             this.jg = res.data.data.protocol
                          }
                    })
        }
}
</script>

<style lang="less" scoped>
        header{
               position:fixed;
               top:0;
               width:100%;
               height:1.88rem;
               display:flex;
               position: fixed;
               top:0;
                z-index:100;
               background: #0eafe7; /* Old browsers */
                  background: -moz-linear-gradient(left, #0eafe7 0%, #159cf2 100%, #159cf2 100%, #1b88fd 100%, #1b88fd 100%); /* FF3.6-15 */
                  background: -webkit-linear-gradient(left, #0eafe7 0%,#159cf2 100%,#159cf2 100%,#1b88fd 100%,#1b88fd 100%); /* Chrome10-25,Safari5.1-6 */
                  background: linear-gradient(to right, #0eafe7 0%,#159cf2 100%,#159cf2 100%,#1b88fd 100%,#1b88fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eafe7', endColorstr='#1b88fd',GradientType=1 ); /* IE6-9 */
         }
         .fh{
             width:2.1rem;
             line-height:1.88rem;
             text-align:center;
             z-index:100; 
             color:#fff;
             font-size:0.76rem;  
         }
         .title{
               font-size:0.76rem;
               line-height:1.88rem;
               text-align:center;
               color:#fff;
               letter-spacing:0.02rem;
               position: absolute;
               left:0;
               right:0;
               margin:0 auto;
         }
</style>

